import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from '@/router'
const service = axios.create({
  // baseURL:基地址(每个接口都有的基地址)作用后面封装的接口的地址都会和baseURL自动拼接到一起
  baseURL: 'https://api-hmzs.itheima.net/v1',
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // config 携带的就是请求信息并且return不能省略
    // 这个函数通常配置请求头
    const token = store.state.user.token
    if (token) {
      // 在请求头中添加token
      config.headers['Authorization'] = `Bearer ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
// 执行时机：当服务端返回数据的时候数据流转的第一站就是响应拦截器
service.interceptors.response.use(
  response => {
    // console.log(response.data)
    if (response.data.code !== 10000) {
      Message.error(response.data.msg)
      return Promise.reject(response.data)
    }
    return response.data
  },
  error => {
    // 响应失败状态返回4xx 5xx
    // 可以做统一的错误处理
    if (error.response.data.code === 40001) {
      store.commit('user/removeToken')
      Message.error('登录状态无效，请重新登录')
      router.push('/login')
    } else {
      Message.error(error.response.data.msg)
      console.dir(error)
    }
    return Promise.reject(error)
  }
)

export default service
